// 基础样式集

// 最小像素
@min: 12;
// 最大像素
@max: 36;
// 单位
@unit: 0px;
// 步进值
@step: 2;

.baseClass(@i) when(@i <=@max) {

    // 字体
    .f@{i} {
        font-size: @i + @unit;
    }

    // margin
    .mt-@{i} {
        margin-top: @i + @unit;
    }

    .mb-@{i} {
        margin-bottom: @i + @unit;
    }

    .ml-@{i} {
        margin-left: @i + @unit;
    }

    .mr-@{i} {
        margin-right: @i + @unit;
    }

    // padding
    .pt-@{i} {
        padding-top: @i + @unit;
    }

    .pb-@{i} {
        padding-bottom: @i + @unit;
    }

    .pl-@{i} {
        padding-left: @i + @unit;
    }

    .pr-@{i} {
        padding-right: @i + @unit;
    }

    .baseClass((@i + @step));
}

.baseClass(@min);